<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>欢迎登录</title>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style5.css" />
<link href="image/favico.ico" rel="shortcut icon" />
<script type="text/javascript">
	setTimeout(function(){
		document.getElementById("error").style.display="none";
	},3000);
	
</script>
</head>
<body>
	<div class="d1">
		<img src="image/1.png" class="p1">
		<span class="sp">欢迎登录</span>
	</div>
	
	<div class="d2">
		<img src="image/pengyuyan.jpg" class="p2">
		<div class="d3">
		<form action="LoginServlet" method="post">
			<div class="d4">
			<h3>账户登录</h3>
			</div>
			
			<div class="d5">
				<img src="image/用户名.png" class="p4">
				<input placeholder="请输入用户名" name="name" class="name" pattern="^[a-zA-Z0-9]{3,18}$" required oninvalid="setCustomValidity('请输入正确的用户名');" oninput="setCustomValidity('');">
			</div>
			
			<p id="error" class="t12">${param.error}</p>
			<div class="d6">
				<img src="image/密码.png" class="p5">
				<input placeholder="请输入密码"  type="password" name="password" class="pass" pattern="^[a-zA-Z0-9]{6,18}$" required oninvalid="setCustomValidity('请输入正确的密码');" oninput="setCustomValidity('');">
				<a href="homePage.jsp" class="a">忘记密码</a>
			</div>
			
				<input type="submit" class="denglu" value="登&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp录">
				<a href="register.jsp" class="a1">立即注册</a>
			</form>
		</div>
	</div>
	
	<div class="t11" >
					<a href="homePage.jsp"   target="_Blank" style="color:gray; text-decoration: none;">关于我们 | </a>
					<a href="homePage.jsp"   target="_Blank" style="color:gray; text-decoration: none;">联系我们 | </a>
					<a href="homePage.jsp"   target="_Blank" style="color:gray; text-decoration: none;">商家入驻 | </a>
					<a href="homePage.jsp"   target="_Blank" style="color:gray; text-decoration: none;">广告服务 | </a>
					<a href="homePage.jsp"   target="_Blank" style="color:gray; text-decoration: none;">手机熊猫 | </a>
					<a href="homePage.jsp"   target="_Blank" style="color:gray; text-decoration: none;">销售联盟 | </a>
					<a href="homePage.jsp"   target="_Blank" style="color:gray; text-decoration: none;">友情链接 | </a>
					<a href="homePage.jsp"   target="_Blank" style="color:gray; text-decoration: none;">手机公益 | </a>
					<a href="homePage.jsp"   target="_Blank" style="color:gray; text-decoration: none;">友情链接 | </a>
					<a href="homePage.jsp"   target="_Blank" style="color:gray; text-decoration: none;">English Site |</a>;
	</div>
</body>
</html>